<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    .register-top-grid{
      background:linear-gradient(#ff00ea, rgba(38, 133, 227, 0.8));
      height:685px;
    }
    .input{
      height:60px;
      width:100px;
      line-height:10px;
    }
    *{
      margin:0;
      padding:0;
      list-style:none;
      text-decoration:none;
    }
    .nav{
      height:40px;
      background:linear-gradient(#ff0059,#e60);
    }
    .navlist li{
      float:left;
      height:40px;
      width:100px;
      line-height:40px;
      text-align:center;
    }
    .navlist a{
      color:#000;
      display:block;
    }
    .navlist{
      width:800px;
      margin:auto;
    }
    .navlist a:hover{
      background: #f1ecb9
    }
    .input span{
      line-height:20px;
      float:left;
    }

  </style>
</head>
<body>
<center>
<form action="/user_register"method="post">
  <div class="register-top-grid">
    <div class="nav">
      <!--导航-->
      <ul class="navlist">
        <li>
          首页
        </li>
        <li>
          简介
        </li>
        <li>
          详情
        </li>
        <li>
          联系电话
        </li>
      </ul>
    </div>
    <h3>注册新用户</h3>
    <div class="input">
      <span>用户名<lable style="color:red;">*</lable></span>
      <input type="text"name="username"placeholder="请输入用户名"required="required">
    </div>
    <div class="input">
      <span>邮箱<lable style="color:red;">*</lable></span>
      <input type="text"name="email"placeholder="请输入邮箱"required="required">
    </div>
    <div class="input">
      <span>密码<lable style="color:red;">*</lable></span>
      <input type="password"name="password"placeholder="请输入密码"required="required">
    </div>
    <div class="input">
      <span>收货人<lable></lable></span>
      <input type="text"name="name"placeholder="请输入收货">
    </div>
    <div class="input">
      <span>收货电话<lable></lable></span>
      <input type="text"name="phone"placeholder="请输入收货电话">
    </div>
    <div class="input">
      <span>收货地址<lable></lable></span>
      <input type="text"name="address"placeholder="请输入收货地址">
    </div>
    <input type="submit"value="提交"class="btn btn-danger">
    <div class="clearfix"></div>
  </div>
  <div class="register-but text-center">
    <div class="clearfix"></div>
  </div>
</form>
</center>center>
</body>
</html>